<!DOCTYPE html>
<html>
    <head>
        <title>JawaBot - IRC channel</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>

    <wicket:head>
        <style>
            table.eventLog { border-collapse: collapse; }
            table.eventLog td { border-style: none; vertical-align: baseline; }
            table.eventLog tr.delim td {
                border-bottom: 1px solid purple;
                color: #fd5858;
                font-size: 80%;
                font-style: italic;
            }
            table.eventLog .when { color: #c1c1c1; }
            table.eventLog tr.nick .nick,
            table.eventLog tr.nick .text,
            table.eventLog tr.join .nick,
            table.eventLog tr.join .text,
            table.eventLog tr.part .nick,
            table.eventLog tr.part .text { color: #029b15;  font-size: 80%;  font-style: italic; }
            table.eventLog tr.action .nick,
            table.eventLog tr.action .text { color: #0236f5;  font-weight: bold; }
            table.eventLog.hideJoinsParts tr.event.join,
            table.eventLog.hideJoinsParts tr.event.part { display: none; }
        </style>
    </wicket:head>
    <wicket:panel>

        <table id="eventLog"class="eventLog flat">
            <tbody>
            <wicket:container  wicket:id="events">
                <tr wicket:id="delimiter" class="delim">
                    <td colspan="3">Day <span wicket:id="day" class="day">2011-08-03</span></td>
                </tr>
                <tr wicket:id="event" class="event">
                    <td class="when"><span wicket:id="when">16:43:07</span></td>
                    <td class="nick"><span wicket:id="nick">ozizka</span></td>
                    <td class="text"><span wicket:id="text">This is a message.</span></td>
                </tr>
            </wicket:container>
            </tbody>
        </table>

    </wicket:panel>

</body>
</html>
